<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>LayaBox首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		
		<link rel="stylesheet" type="text/css" href="laya_index.css"/>
		<link rel="stylesheet" type="text/css" href="reset.css"/>
	</head>
	<body>
		   <!--导航-->
			<nav class="navbar navbar-default">
			  <div class="container">
			    <!-- Brand and toggle get grouped for better mobile display -->
			    <div class="navbar-header">
			      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			      </button>
			      <a class="navbar-brand" href=""><img src="img/图层-22.png" /></a>
			    </div>
			
			    <!-- Collect the nav links, forms, and other content for toggling -->
			    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			      <ul class="nav navbar-nav">
			        <li class="active" "><a href="laya_index.html">首页 <span class="sr-only">(current)</span></a></li>
			        <li><a href="laya_home.html">Laya家族</a></li>
                    <li><a href="laya_game.html">游戏</a></li>
                    <li><a href="laya_news.html">新闻动态</a></li>
                    <li><a href="#">开发者中心</a></li>
                    <li><a href="#">开发者社区</a></li>
                    <li><a href="#">开发平台</a></li>
                    <li><a href="laya_aboutus.html">关于我们</a></li>
			      </ul>
			      <ul class="nav navbar-nav navbar-right">
			        <li class="dropdown">
			          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language  <span class="caret"></span></a>
			          <ul class="dropdown-menu">
			            <li><a href="#">简体中文</a></li>
			            <li><a href="#">繁体中文</a></li>
			            <li><a href="#">English</a></li>
			          </ul>
			        </li>
			      </ul>
			    </div><!-- /.navbar-collapse -->
			  </div><!-- /.container-fluid -->
			</nav>
			<!--主页大图-->
		<div><img src="img/Layabox-首页.png"  class="img-responsive center-block "/></div>
			
			<!--Laya flash 引擎-->
		<div class="index1">
			<div class="container ">		
				<div class="row">
					<div class="col-xs-12 col-sm-6 col-md-7">
						<div class="row">
							<div class="system col-xs-12">
								LayaFlash 引擎
							</div>
							<div class="system_1 col-xs-12">
								让Flash技术变成开发HTML5产品的利器
							</div>
						</div>
						
						<div class="row">
							<div class="small_img col-xs-12 col-md-6">
								<div class="row">
									<div class="col-xs-3 col-md-3">
										<img src="img/图层-5.png"/>
									</div>
									<div class="col-xs-6 col-md-9 index1_word">
										<p>快速Flash产品转换</p>
										<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
									</div>
								</div>
							</div>
							
							<div class="small_img col-xs-12 col-md-6">
								<div class="row">
									<div class="col-xs-3 col-md-3">
										<img src="img/图层-7.png"/>
									</div>
									<div class="col-xs-6 col-md-9 index1_word">
										<p>LayaFlash IDE</p>
										<p>支持代码编译、调试、压缩与混淆加密、资源转换、在线文档等功能</p>
									</div>
								</div>
							</div>
							
							<div class="small_img col-xs-12 col-md-6">
								<div class="row">
									<div class="col-xs-3 col-md-3">
										<img src="img/图层-6.png"/>
									</div>
									<div class="col-xs-6 col-md-9 index1_word">
										<p>HTML5零学习成本</p>
										<p>AS3开发者可直接使用Flash开源框架和工具链进行开发HTML5</p>
									</div>
								</div>
							</div>
							
							<div class="small_img col-xs-12 col-md-6">
								<div class="row">
									<div class="col-xs-3 col-md-3">
										<img src="img/图层-8.png"/>
									</div>
									<div class="col-xs-6 col-md-9 index1_word">
										<p>性能媲美APP</p>
										<p>LayaFlash引擎的重度游戏已运行于QQ空间等平台，性能媲美APP</p>
									</div>
								</div>
							</div>				
						</div>						
					</div>
						
					<div class="phone col-sm-4 col-md-4 hidden-xs">
							<img src="img/图层-9.png"/>
					</div>
				</div>			
			</div>		
			</div>
		</div>
		<div class="index2">
			<div class="container">
				<div class="row">
					<div class="col-ms-12 col-md-5 index2_picture"><img src="img/图层-10.png"/></div>				
					<div class="col-md-7 col-xs-12">
							<div class="row">
								 <div class="col-md-10 col-xs-12 index2_title">Layabox 优势</div>
							</div>	
						    <div class="row index2_context">
						    		<div class="col-md-2 col-xs-2"><img src="img/图层-12.png"/></div>
								 	<div class="col-md-10 col-xs-10">快速上手，Flash程序员3小时掌握HTML5开发</div>
							</div>	 
							<div class="row index2_context">
								 	<div class="col-md-2 col-xs-2"><img src="img/图层-13.png"/></div>
								 	<div class="col-md-10 col-xs-10">4年优化打磨，LayaPlayer运行器性能媲美APP</div>
						    </div>
							 <div class="row index2_context">
								 	<div class="col-md-2 col-xs-2"><img src="img/图层-14.png"/></div>
								 	<div class="col-md-10 col-xs-10">超5亿的LayaPlayer移动设备安装量帮助CP发行</div>
							 </div>
							<div class="index2_context row">
							<div class="col-xs-2 col-md-2">
									<img src="img/图层-15.png"/>
							</div>
								<div class=" col-xs-10 col-md-10">
									<p>使用LayaFlash开发大型HTML5游戏的企业超100家</p>
								</div>
							</div>
							
					</div>
						
				</div>
			</div>
		</div>
		<div class="index3">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 index3_title">Layabox产品家族</div>
				    <div class="col-md-6">
				    	<div class="row index3_word">
				    		<div class="col-md-3 col-xs-3"><img src="img/图层-17.png"/></div>
				    		<div class="col-md-7 col-xs-9">
				    			<p>LayaAir</p>
				    			<p>核心库仅100K左右的新一代HTML5引擎，支
持AS3\TS\JS语言开发，支持2D\3D，非运行
器模式下性能媲美APP。</p>
				    		</div>
				    	</div>
				    </div>
				    
				    <div class="col-md-6">
				    	<div class="row index3_word">
				    		<div class="col-md-3 col-xs-3"><img src="img/图层-18.png"/></div>
				    		<div class="col-md-7 col-xs-9">
				    			<p>LayaPublish</p>
				    			<p>Layabox发行业务，通过在H5产业链中的技术
桥梁优势，帮助CP获得流量支持。</p>
				    		</div>
				    	</div>
				    </div>
				    
				   <div class="col-md-6 ">
					<div class="row index3_word">
						<div class="col-xs-3 col-md-3">
							<img src="img/图层-19.png"/>
						</div>						
						<div class="col-xs-9 col-md-7">
							<p>LayaFlash</p>
							<p>使用Flash AS3语言开发H5的引擎框架，可直接在FB或FD中开发、调试、编译H5，也可快速将Flash页游\手游转换成H5游戏。</p>
						</div>
					</div>
				</div>
				
				    <div class="col-md-6">
				    	<div class="row index3_word">
				    		<div class="col-md-3 col-xs-3"><img src="img/图层-20.png"/></div>
				    		<div class="col-md-7 col-xs-9">
				    			<p>LayaStore</p>
				    			<p>嵌入式HTML5商城，APP只需嵌入20K的SDK
即可以获得托管式HTML5商店服务，进入流量
获利新时代。</p>
				    		</div>
				    	</div>
				    </div>
				    
				    <div class="col-md-6">
				    	<div class="row index3_word">
				    		<div class="col-md-3 col-xs-3"><img src="img/图层-221.png"/></div>
				    		<div class="col-md-7 col-xs-9">
				    			<p>LayaPlayer</p>
				    			<p>HTML5高速运行器，性能卓越、支持大型
HTML5游戏流畅运行，目前已植入QQ、百度
等20多家主流平台，安装量超5亿。</p>
				    		</div>
				    	</div>
				    </div>
				    
				     <div class="col-md-6">
				    	<div class="row index3_word">
				    		<div class="col-md-3 col-xs-3"><img src="img/图层-23.png"/></div>
				    		<div class="col-md-7 col-xs-9">
				    			<p>LayaOpen</p>
				    			<p>Layabox开放平台，整合了Laya提供的各项运
营，管理服务的服务，提供给游戏提供商和互
联网渠道的统一开放平台。</p>
				    		</div>
				    	</div>
				    </div>
				</div>				
			</div>
		</div>
		<div class="index4">
			<div class="container">
				<div class="row">
					<div class="col-md-11 col-xs-10 index4_title">采用Layabox引擎的精彩游戏</div>
					<div class="col-md-1 col-xs-2 index4_more">更多</div>
					<div class="col-md-5 col-sm-12 index4_picture"><input type="image" src="img/图层-24.png"/> </div>
					<div class="col-md-7">
						<div class="row index4_icon">
							<div class="col-md-2 col-xs-6 col-sm-3 index_icon_top">
								<div><img src="img/图层-30.png"/></div>
								<div>猎刃2</div>
							</div>
							<div class="col-md-2 col-xs-6 col-sm-3 index_icon_top">
								<div><img src="img/图层-29.png"/></div>
								<div>上吧主公</div>
							</div>
							<div class="col-md-2 col-xs-6 col-sm-3 index_icon_top">
								<div><img src="img/图层-28.png"/></div>
								<div>醉西游</div>
							</div>
							<div class="col-md-2 col-xs-6 col-sm-3 index_icon_top">
								<div><img src="img/图层-27.png"/></div>
								<div>魔卡幻想</div>
							</div>
							<div class="col-md-2 col-xs-6 col-sm-3 index_icon_top">
								<div><img src="img/图层-26.png"/></div>
								<div>超能战队</div>
							</div>
							<div class="col-md-2 col-xs-6 col-sm-3 index_icon_top">
								<div><img src="img/图层-25.png"/></div>
								<div>刀塔大菠萝</div>
							</div>
							<div class="col-md-2 col-xs-6 col-sm-3 index_icon_top">
								<div><img src="img/图层-36.png"/></div>
								<div>轰三国</div>
							</div>
							<div class="col-md-2 col-xs-6 col-sm-3 index_icon_top">
								<div><img src="img/图层-35.png"/></div>
								<div>迷你猎人</div>
							</div>
							<div class="col-md-2 col-xs-6 col-sm-3 index_icon_top">
								<div><img src="img/图层-34.png"/></div>
								<div>萌娃三国</div>
							</div>
							<div class="col-md-2 col-xs-6 col-sm-3 index_icon_top">
								<div><img src="img/图层-33.png"/></div>
								<div>夺塔三国</div>
							</div>
							<div class="col-md-2 col-xs-6 col-sm-3 index_icon_top">
								<div><img src="img/图层-32.png"/></div>
								<div>英雄争霸</div>
							</div>
							<div class="col-md-2 col-xs-6 col-sm-3 index_icon_top">
								<div><img src="img/图层-31.png"/></div>
								<div>战争之门</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer1">
			<div class="container">
				<div class="row">
					<div class="col-md-12 footer1_title">
						<span>合作伙伴</span>
					    <span>(排序不分先后)</span>
					</div>
					<div class="col-md-2 icon-top col-sm-3 col-xs-4"><img src="img/图层-37.png"/></div>
					<div class="col-md-2 icon-top col-sm-3 col-xs-4"><img src="img/图层-38.png"/></div>
					<div class="col-md-2 icon-top col-sm-3 col-xs-4"><img src="img/图层-39.png"/></div>
					<div class="col-md-2 icon-top col-sm-3 col-xs-4"><img src="img/图层-40.png"/></div>
					<div class="col-md-2 icon-top col-sm-3 col-xs-4"><img src="img/图层-41.png"/></div>
					<div class="col-md-2 icon-top col-sm-3 col-xs-4"><img src="img/图层-42.png"/></div>
					<div class="col-md-2 col-sm-3 col-xs-4"><img src="img/图层-48.png"/></div>
					<div class="col-md-2 col-sm-3 col-xs-4"><img src="img/图层-47.png"/></div>
					<div class="col-md-2 col-sm-3 col-xs-4"><img src="img/图层-46.png"/></div>
					<div class="col-md-2 col-sm-3 col-xs-4"><img src="img/图层-45.png"/></div>
					<div class="col-md-2 col-sm-3 col-xs-4"><img src="img/图层-44.png"/></div>
					<div class="col-md-2 col-sm-3 col-xs-4"><img src="img/图层-48.png"/></div>
				</div>
			</div>
		</div>
		<div class="footer2">
			<div class="container">
				<div class="row">
					<div class="col-md-9 col-sm-6">
						<div class="row footer2_title">
							<div class="col-md-1 col-sm-3">公司简介</div>
							<div class="col-md-1 col-sm-3">联系方式</div>
							<div class="col-md-8 col-sm-3">人才招聘</div>						
							<div class="col-md-6 col-sm-7">All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </div>							
						</div>
					</div>
					<div class="col-md-3 footer2_title2 col-sm-6">
						<div class="row footer2_mark">
							<a href=""><div class="col-md-4"><img src="img/图层-50.png"/></div></a>
							<a href="" class="footer2_hover">
							<div class="col-md-4"><img src="img/图层-51.png"/>
							    <div id="mark">
								<img src="img/图层-531.png" />
							</div>
							</div></a>
							<a href=""><div class="col-md-4"><img src="img/图层-52.png"/></div></a>
							
						</div>
					</div>
				</div>
			</div>

		</div>
		<script src="jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
